<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>局域网分享</title>
    <link rel="stylesheet" href="../styles/shareManager.css">
</head>
<body>
    <div class="share-manager-container">
        <h2>局域网分享</h2>
        
        <div class="share-status">
            <div class="status-indicator">
                <div class="status-dot" id="status-dot"></div>
                <span id="status-text">未分享</span>
            </div>
        </div>
        
        <div class="user-info-form">
            <h3>个人信息</h3>
            <form id="user-info-form">
                <div class="form-group">
                    <label for="user-name">姓名 *</label>
                    <input type="text" id="user-name" placeholder="输入姓名" required>
                </div>
                
                <div class="form-group">
                    <label for="user-department">部门</label>
                    <input type="text" id="user-department" placeholder="输入部门">
                </div>
                
                <div class="form-group">
                    <label for="user-position">职位</label>
                    <input type="text" id="user-position" placeholder="输入职位">
                </div>
            </form>
        </div>
        
        <div class="share-controls">
            <button id="start-share-btn">开始分享</button>
            <button id="stop-share-btn" disabled>停止分享</button>
        </div>
        
        <div class="share-info" id="share-info" style="display: none;">
            <h3>分享信息</h3>
            <div class="info-item">
                <label>访问地址:</label>
                <span id="share-url"></span>
                <button id="copy-url-btn">复制链接</button>
            </div>
            <div class="info-item">
                <label>连接设备:</label>
                <span id="client-count">0</span>
            </div>
            
            <div class="quick-share">
                <h4>快速分享到</h4>
                <div class="share-buttons">
                    <button id="share-to-wechat" class="share-btn wechat">微信</button>
                    <button id="share-to-dingtalk" class="share-btn dingtalk">钉钉</button>
                    <button id="share-to-douyin" class="share-btn douyin">抖音</button>
                    <button id="share-to-kuaishou" class="share-btn kuaishou">快手</button>
                </div>
            </div>
        </div>
        
        <div class="share-actions">
            <button id="close-share-manager">关闭</button>
        </div>
    </div>
    
    <script src="../src/shareManagerRenderer.js"></script>
</body>
</html>